<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
    <script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
    <script>
        setInterval(function(){
            //开启定时器添加雪花图片
           var img=$("<img src='雪花.png'>")
            $("body").append(img);


           //图片的尺寸(获取随机的尺寸 大小在20-30之间)
           var size = parseInt(Math.random()*20)+20;
           img.css("width",size+"px");


           //窗口的宽度
            var w = document.body.clientWidth;
            //得到随机left的值
            var left = parseInt(Math.random()*(w-size));
            //设置给图片(随机产生在屏幕的上方)
            img.css("left",left+"px");
            //获取屏幕的高度
            var h =document.body.parentElement.clientHeight;
            //让图片往下移动      //size*100   图片越大向下移动的速度越慢  淡入(融化效果)
            img.animate({"top":h-size+"px"},size*100).fadeOut(500,function(){
                img.remove();
            });
            },10);
    </script>
    <style>
        body{
            background-color: black;
            margin: 0;   /*去掉8个自带的外边距*/
        }
        img{
            position:absolute;            /*绝对定位*/
        }
    </style>
</head>
<body>

</body>
</html>